<script src="/statics/js/jquery-1.4.2.min.js"></script>
<script src="/statics/js/highcharts.js"></script>
<div class="container-fluid" style="margin: 20px">
    <div class="row-fluid">
        <div class="well">
            <ul class="nav nav-tabs">
                <li class="active"><b>商品统计折线图</b></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane active in" id="home">
                    <form>
                        时间区间：<input type="text" style="width:133px" readonly onclick="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm'})" name="sel_date" value="<?=$date_start_str?>"> - <input type="text" style="width:133px" readonly onclick="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm'})" name="sel_date2" value="<?=$date_end_str?>">
                        <button class="btn btn-info" style="margin:-9px 0 0 15px"><i class="icon-search"></i> 搜索</button>
                    </form>
                    <?php if(!$getData){?>
                    暂无数据
                    <?php }else{?>

                        <div id="chart_combo" class="chart_combo"></div>
                    <div id="chart_line" class="chart_line"></div>
                    <div id="chart_line_klprice" class="chart_line_klprice"></div>
                   <?php }?>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    var chart;
    $(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'chart_combo', //关联页面元素div#id
                defaultSeriesType: 'line'
            },

            title: {  //图表标题
                text: '商品价格走势'
            },
            credits: {
                enabled: false   //右下角不显示LOGO
            },
            xAxis: {  //x轴
                categories: [<?php echo $str_time; ?>], //x轴标签名称
                //gridLineWidth: 1, //设置网格宽度为1
                lineWidth: 2,  //基线宽度
                labels:{y:16}  //x轴标签位置：距X轴下方16像素
            },
            yAxis: {  //y轴
                title: {text: '价格（元）'}, //y轴标题
                lineWidth: 2 //基线宽度
            },
            plotOptions:{ //设置数据点
                line:{
                    dataLabels:{
                        enabled:true  //在数据点上显示对应的数据值
                    },
                    enableMouseTracking: false //取消鼠标滑向触发提示框
                }
            },

            exporting: {
                enabled: false  //设置导出按钮不可用
            },
            series: [{  //数据列
                name: '<?php echo $goodsname;?>',
                data: [<?php echo $str_price; ?>]
            }]
        });
    });

</script>

<script>
    var chart;
    $(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'chart_line', //关联页面元素div#id
                defaultSeriesType: 'line'
            },

            title: {  //图表标题
                text: '日销量走势'
            },
            credits: {
                enabled: false   //右下角不显示LOGO
            },
            xAxis: {  //x轴
                categories: [<?php echo $str_time; ?>], //x轴标签名称
                //gridLineWidth: 1, //设置网格宽度为1
                lineWidth: 2,  //基线宽度
                labels:{y:16}  //x轴标签位置：距X轴下方16像素
            },
            yAxis: {  //y轴
                title: {text: '日销量'}, //y轴标题
                lineWidth: 2 //基线宽度
            },
            plotOptions:{ //设置数据点
                line:{
                    dataLabels:{
                        enabled:true  //在数据点上显示对应的数据值
                    },
                    enableMouseTracking: false //取消鼠标滑向触发提示框
                }
            },

            exporting: {
                enabled: false  //设置导出按钮不可用
            },
            series: [{  //数据列
                name: '<?php echo $goodsname;?>',
                data: [<?php echo $str_daysales;?>]
            }]
        });
    });

</script>

<script>
    var chart;
    $(function() {
                chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'chart_line_klprice', //关联页面元素div#id
                        defaultSeriesType: 'line'
                    },

                    title: {  //图表标题
                        text: '网易价格走势'
                    },
                    credits: {
                        enabled: false   //右下角不显示LOGO
                    },
                    xAxis: {  //x轴
                        categories: [<?php echo $str_time; ?>], //x轴标签名称
                        //gridLineWidth: 1, //设置网格宽度为1
                        lineWidth: 2,  //基线宽度
                        labels:{y:16}  //x轴标签位置：距X轴下方16像素
                    },
                    yAxis: {  //y轴
                        title: {text: '网易价格(元)'}, //y轴标题
                        lineWidth: 2 //基线宽度
                    },
                    plotOptions:{ //设置数据点
                        line:{
                            dataLabels:{
                                enabled:true  //在数据点上显示对应的数据值
                            },
                            enableMouseTracking: false //取消鼠标滑向触发提示框
                        }
                    },

                    exporting: {
                        enabled: false  //设置导出按钮不可用
                    },
                    series: [{  //数据列
                        name: '<?php echo $goodsname;?>',
                        data: [<?php echo $kl_price;?>]
                    }]
                });
    });

</script>